<template>
    <div class="delivery">
        <div class="head">
            <span>是否打开配退配送</span><nut-switch v-model="checked" active-text="开" inactive-text="关" @change="change" />
        </div>
        <nut-table :columns="columns3" :data="data2" :striped="striped"></nut-table>
    </div>
</template>

<script lang="ts">
import Taro, { useRouter, useReachBottom } from '@tarojs/taro';
import { } from '@nutui/icons-vue-taro';
import { reactive, toRefs, onMounted, ref } from 'vue';
import { } from '../../../../api/index'
import { uploadUrl } from '../../../../utils'
export default {
    components: {

    },
    setup() {
        const img = ref('')
        const roleForm = ref<any>(null);
        const data = reactive({
            checked: false,
            striped: true,
            columns3: [
                {
                    title: '订单号',
                    key: 'no'
                },
                {
                    title: '下单时间',
                    key: 'time'
                },
                {
                    title: '跑腿费',
                    key: 'price'
                },
            ],
            data2: [
                {
                    no: 'Nb16546132465',
                    time: '2124-06-27',
                    price: '6',
                },
            ]
        })
        onMounted(() => {

        });
        const change = (value: boolean, event: Event) => {

        };
        useReachBottom(() => {


        })
        return {
            ...toRefs(data), change,
        }
    }
};
</script>


<style lang="scss">
.delivery {
    .head {
        padding: 20rpx 20rpx;

        span {
            display: inline-block;
            margin-right: 20rpx;
        }
    }
}
</style>